<nav class="navbar navbar-blue navbar-fixed-top social-navbar">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".social-sidebar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href = '<?php echo site_url('khao-sat-truc-tuyen');?>'><img src="<?php echo base_url();?>media/logo-top.png" alt="Khảo sát việt - khảo sát trực tuyến"></a>
          <ul class = "nav">
            <li>
              <a href="<?php echo site_url('khao-sat-truc-tuyen');?>">
                Các khảo sát &amp; Biểu mẫu
              </a>
            </li>
            <li>
              <a href="<?php echo site_url('quan-ly-danh-ba');?>">
                Quản lý danh bạ
              </a>
            </li>
            <li>
              <a href="<?php echo site_url('thu-vien-anh-va-file');?>">
                Thư viện ảnh &amp; file
              </a>
            </li>
          </ul>
          <ul class="nav pull-right nav-indicators">
            <li class="dropdown nav-notifications">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <span class="badge">9</span><i class="icon-warning-sign"></i>
              </a>
              <ul class="dropdown-menu">
                <li class="nav-notifications-header">
                  <a tabindex="-1" href="#">You have <strong>9</strong> new notifications</a>
                </li>
                <li class="nav-notification-body text-info">
                  <a href="#">
                    <i class="icon-user"></i> New User
                    <small class="pull-right">Just Now</small>
                  </a>
                </li>
                <li class="nav-notification-body text-error">
                  <a href="#">
                    <i class="icon-user"></i> User Deleted
                    <small class="pull-right">Just Now</small>
                  </a>
                </li>
                <li class="nav-notification-body text-warning">
                  <a href="#">
                    <i class="icon-cogs"></i> Sever is overloaded
                    <small class="pull-right">2 minutes ago</small>
                  </a>
                </li>
                <li class="nav-notification-body">
                  <a href="#">
                    <i class="icon-briefcase"></i> Backup is completed
                    <small class="pull-right">4 minutes ago</small>
                  </a>
                </li>
                <li class="nav-notification-body text-info">
                  <a href="#">
                    <i class="icon-user"></i> New User
                    <small class="pull-right">Just Now</small>
                  </a>
                </li>
                <li class="nav-notification-body text-error">
                  <a href="#">
                    <i class="icon-user"></i> User Deleted
                    <small class="pull-right">Just Now</small>
                  </a>
                </li>
                <li class="nav-notification-body text-warning">
                  <a href="#">
                    <i class="icon-cogs"></i> Sever is overloaded
                    <small class="pull-right">3 minutes ago</small>
                  </a>
                </li>
                <li class="nav-notification-body">
                  <a href="#">
                    <i class="icon-briefcase"></i> Backup is completed
                    <small class="pull-right">6 minutes ago</small>
                  </a>
                </li>
                <li class="nav-notifications-footer">
                  <a tabindex="-1" href="#">View all messages</a>
                </li>
              </ul>
            </li>
            <li class="dropdown nav-tasks">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <span class="badge">13</span>
                <i class="icon-tasks"></i>
              </a>
              <ul class="dropdown-menu">
                <li class="nav-taks-header">
                  <a tabindex="-1" href="#">You have <strong>13</strong> tasks in progress</a>
                </li>
                <li>
                  <a>
                    <strong>Windows PC</strong><span class="pull-right">30%</span>
                    <div class="progress progress-danger active">
                      <div class="bar" style="width: 30%;"></div>
                    </div>
                  </a>
                </li>
                <li>
                  <a>
                    <strong>Mac</strong><span class="pull-right">40%</span>
                    <div class="progress progress-info active">
                      <div class="bar" style="width: 40%;"></div>
                    </div>
                  </a>
                </li>
                <li>
                  <a>
                    <strong>iPad/iPhone</strong><span class="pull-right">80%</span>
                    <div class="progress progress-striped active">
                      <div class="bar" style="width: 80%;"></div>
                    </div>
                  </a>
                </li>
                <li>
                  <a>
                    <strong>Android</strong><span class="pull-right">5%</span>
                    <div class="progress progress-success active">
                      <div class="bar" style="width: 5%;"></div>
                    </div>
                  </a>
                </li>
                <li>
                  <a>
                    <strong>Others</strong><span class="pull-right">15%</span>
                    <div class="progress progress-warning active">
                      <div class="bar" style="width: 15%;"></div>
                    </div>
                  </a>
                </li>
                <li class="nav-taks-footer">
                  <a tabindex="-1" href="#">View all tasks</a>
                </li>
              </ul>
            </li>
            <li class="dropdown nav-messages">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <span class="badge">8</span>
                <i class="icon-envelope-alt"></i>
              </a>
              <ul class="dropdown-menu">
                <li class="nav-messages-header">
                  <a tabindex="-1" href="#">You have <strong>8</strong> new messages</a>
                </li>
                <li class="nav-message-body">
                  <a>
                    <img src="../assets/img/avatars/user-55x55.png" alt="User">
                    <div>
                      <small class="pull-right">Just Now</small>
                      <strong>Julio Marquez</strong>
                    </div>
                    <div>
                      Lorem ipsum dolor sit amet, consectetur...
                    </div>
                  </a>
                </li>
                <li class="nav-message-body">
                  <a>
                    <img src="../assets/img/avatars/user-55x55.png" alt="User">
                    <div>
                      <small class="pull-right">Just Now</small>
                      <strong>Julio Marquez</strong>
                    </div>
                    <div>
                      Lorem ipsum dolor sit amet, consectetur...
                    </div>
                  </a>
                </li>
                <li class="nav-message-body">
                  <a>
                    <img src="../assets/img/avatars/user-55x55.png" alt="User">
                    <div>
                      <small class="pull-right">Just Now</small>
                      <strong>Julio Marquez</strong>
                    </div>
                    <div>
                      Lorem ipsum dolor sit amet, consectetur...
                    </div>
                  </a>
                </li>
                <li class="nav-message-body">
                  <a>
                    <img src="../assets/img/avatars/user-55x55.png" alt="User">
                    <div>
                      <small class="pull-right">Just Now</small>
                      <strong>Julio Marquez</strong>
                    </div>
                    <div>
                      Lorem ipsum dolor sit amet, consectetur...
                    </div>
                  </a>
                </li>
                <li class="nav-messages-footer">
                  <a tabindex="-1" href="#">View all messages</a>
                </li>
              </ul>
            </li>
            <li class="divider-vertical"></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <img class="avatar" width="25" height="25" src="<?php echo base_url();?>skin/member/img/avatar-30.png" alt="<?php echo $this->session->userdata('username');?>">
                <span data-toggle="dropdown"><small><?php echo $this->session->userdata('username');?></small></span>
                <i class="icon-caret-down"></i>
              </a>
              <ul class="dropdown-menu">
                <li><a href="#"><i class="icon-user"></i> Tài khoản</a></li>
                <li><a href="#"><i class="icon-cogs"></i> Thiết Lập</a></li>
                <li><a href="<?php echo site_url('public/auth/logout');?>"><i class="icon-off"></i> Thoát</a></li>
                <li class="divider"></li>
                <li><a href="#"><i class="icon-info-sign"></i> Trợ giúp</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav> 
  </header>
  <div id="main">
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span12">